<div
  class="sidebar"
  data-color="purple"
  data-background-color="white"
  data-image="/static/assets/img/sidebar-1.jpg"
>
  <!--
        Tip 1: You can change the color of the sidebar using: data-color="purple | azure | green | orange | danger"

        Tip 2: you can also add an image using data-image tag
    -->
  <div class="logo">
    <a
      target="_blank"
      rel="noopener noreferrer"
      href="https://appseed.us/admin-dashboards/django-dashboard-material"
      class="simple-text logo-normal"
    >
      تیم خلاق
    </a>
  </div>
  <div class="sidebar-wrapper">
    <ul class="nav">
      <li class="nav-item">
        <a class="nav-link" href="/">
          <i class="material-icons">dashboard</i>
          <p>داشبورد</p>
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="/page-user.html">
          <i class="material-icons">person</i>
          <p>پروفایل کاربر</p>
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="/ui-tables.html">
          <i class="material-icons">content_paste</i>
          <p>جدول</p>
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="/ui-typography.html">
          <i class="material-icons">library_books</i>
          <p>تایپوگرافی</p>
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="/ui-icons.html">
          <i class="material-icons">bubble_chart</i>
          <p>آیکن‌ها</p>
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="/ui-maps.html">
          <i class="material-icons">location_ons</i>
          <p>نقشه</p>
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="/ui-notifications.html">
          <i class="material-icons">notifications</i>
          <p>اعلان‌ها</p>
        </a>
      </li>
      <li class="nav-item active">
        <a class="nav-link" href="/page-rtl-support.html">
          <i class="material-icons">language</i>
          <p>پشتیبانی از راست به چپ</p>
        </a>
      </li>

      <li class="nav-item">
        <a class="nav-link" href="{% url 'logout' %}">
          <i class="material-icons">directions_run</i>
          <p>Logout</p>
        </a>
      </li>
    </ul>
  </div>
</div>
